import { Button, Input, Checkbox } from "antd";
import { Link } from "react-router-dom";

const Register = (props: any) => {
  const { history } = props;

  return (
    <div className="Login">
      <div className="top-title1">
        <img src="" alt="" />
        卓快
      </div>
      <div className="top-title2">引领微信生态裂变增长营销</div>

      <div className="center">
        <p className="title">账号注册</p>

        <div className="input">
          <Input
            size="large"
            placeholder="请输入手机号码 / 用户名"
            prefix={<i className="iconfont icon-zhanghao" />}
          />
        </div>
        <div className="input">
          <Input
            size="large"
            placeholder="请输入密码"
            prefix={<i className="iconfont icon-mima" />}
          />
        </div>
        <div className="input">
          <Input
            size="large"
            placeholder="请输入姓名"
            prefix={<i className="iconfont icon-mima" />}
          />
        </div>
        <div className="input">
          <Input
            size="large"
            placeholder="请输入企业id"
            prefix={<i className="iconfont icon-mima" />}
          />
        </div>
        <div className="input">
          <Input
            size="large"
            placeholder="请输入企业微信中用户id"
            prefix={<i className="iconfont icon-mima" />}
          />
        </div>

        <Button
          type="primary"
          block
          onClick={() => {
            history.push("/");
          }}>
          注册
        </Button>

        <p className="agreement">
          <Checkbox
            onChange={() => {
              console.log(123);
            }}>
            我已阅读并同意 《小裂变服务协议》《小裂变隐私政策》
          </Checkbox>
        </p>

        <p className="to-login">
          已有帐号？ <Link to="/login">去登录</Link>
        </p>
      </div>

      <div className="bottom">
        <p>—— 小裂变-微信生态用户裂变增长运营专家 ——</p>
        <p className="copy">@2021 - 小裂变 - 苏ICP备18014742号-2 版权所有 ©</p>
      </div>
    </div>
  );
};

export default Register;
